<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta name="renderer" content="webkit" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="format-detection" content="telephone=no,email=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <link type="image/x-icon" href="/favicon.ico" rel="icon" />
        <title>Title</title>
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/owl.carousel.css" />
        <link rel="stylesheet" type="text/css" href="css/owl.theme.default.min.css" />
        <link rel="stylesheet" type="text/css" href="css/common.min.css">
        <script src="js/rem.js"></script>
        <!--[if lt IE 9]>
        <script src="js/html5shiv.min.js"></script>
        <script src="js/respond.min.js"></script>
        <![endif]-->
    </head>
<body class="contact-body common-body">
    <div id="header"></div>
    <div class="banner-company">
        <img src="images/about_banner.png" alt="">
    </div>
    <div class="company-box contact-box immediate-box padding60">
        <div class="container">
            <ul class="common-nav clearfix">
                <li class="active">
                    <a href="contactUs.html">
                        <i class="uncheck" style="background: url(images/guojibu.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/guojibu_bg.png) no-repeat center;background-size: contain;"></i>
                        <span>铁路领域</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="uncheck" style="background: url(images/guojibu.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/guojibu_bg.png) no-repeat center;background-size: contain;"></i>
                     <span>特殊领域</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="uncheck" style="background: url(images/guojibu.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/guojibu_bg.png) no-repeat center;background-size: contain;"></i>
                    <span>禁毒领域</span>
                    </a>
                </li>
                <li>
                    <a href="">
                        <i class="uncheck" style="background: url(images/guojibu.png) no-repeat center;background-size: contain;"></i>
                        <i class="checked" style="background: url(images/guojibu_bg.png) no-repeat center;background-size: contain;"></i>
                    <span>食药环侦</span>
                    </a>
                </li>
            </ul>
            <div class="immediate_detail">
                <h2 class="title">铁路领域</h2>
                <div class="content">
                    <img src="images/immediate_detail.png" alt="">
                </div>
            </div>
            <h2 class="product-title">主推产品</h2>
            <div class="product-body">
                <ul class="cont clearfix">
                    <li class="fl">
                        <a href="productDetail.html">
                            <div class="pic"><img src="images/product_index1.png" alt=""></div>
                            <div class="text">可碰撞无人机Elios</div>
                            <!-- 275*186 -->
                        </a>
                    </li>
                    <li class="fl">
                        <a href="productDetail.html">
                            <div class="pic"><img src="images/product_index1.png" alt=""></div>
                            <div class="text">可碰撞无人机Elios</div>
                            <!-- 275*186 -->
                        </a>
                    </li>
                    <li class="fl">
                        <a href="productDetail.html">
                            <div class="pic"><img src="images/product_index1.png" alt=""></div>
                            <div class="text">可碰撞无人机Elios</div>
                            <!-- 275*186 -->
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div id="footer"></div>
    <script src="js/jquery.min.js"></script>
    <script src="js/commin.js"></script>
</body>
</html>